<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="comm/common :: common_header">
</head>
<body>
<div class="loginWraper">
    <div id="loginform" class="loginBox">
        <form class="form form-horizontal"  id="infoForm">
            <div class="row cl">
                <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
                <div class="formControls col-xs-8">
                    <input id="username" name="username" type="text" placeholder="账户" class="input-text size-L">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                <div class="formControls col-xs-8">
                    <input id="password" name="password" type="password" placeholder="密码" class="input-text size-L">
                </div>
            </div>
           <!-- <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <input class="input-text size-L" type="text" placeholder="验证码" onblur="if(this.value==''){this.value='验证码:'}" onclick="if(this.value=='验证码:'){this.value='';}" value="验证码:" style="width:150px;">
                    <img src=""> <a id="kanbuq" href="javascript:;">看不清，换一张</a> </div>
            </div>-->
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <label for="online">
                        <input type="checkbox" name="online" id="online" value="">
                        使我保持登录状态</label>
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <button type="button" class="btn btn-success radius size-L signIn">&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="footer">Copyright 【springboot-auth】 by H-ui.admin v3.1</div>
<script type="application/javascript">
    $(function() {
        $(".signIn").click(function(){
            var name = $("#username").val();
            var pwd  = $("#password").val();
            console.log("name="+name);
            if (name=='') {
                layer.msg('请输入用户名');
                return false;
            }
            if (pwd=='') {
                layer.msg('请输入密码');
                return false;
            }
            $.ajax({
                type: "POST",
                url: 'login',
                data:{"username":name,"password":pwd},
                dataType: "json",
                success: function (data) {
                    if (data.code == 0) {
                        layer.msg(data.msg);
                        window.location.href = './sysIndex';
                    } else {
                        layer.msg(data.msg);
                    }
                }
            });
        });
    })
</script>
</body>
</html>